<template>
  <div class="about-container">
    <el-page-header @back="goBack">
      <template #content>
        <span class="text-large font-600 mr-3"> Title </span>
      </template>
    </el-page-header>
    <el-result icon="warning" title="warning Tip" sub-title="Please follow the instructions">
      <template #extra>
        <el-button type="primary" @click="goBack">Back</el-button>
      </template>
    </el-result>
    </div>
</template>

<script setup>
import { useRouter } from 'vue-router';

let $router = useRouter();
const goBack = () => {
  $router.push('/')
}
</script>

<style scoped>
.about-container {
  padding: 20px;
}
</style>
